// 注册的逻辑代码
// 获取元素
const form = document.querySelector('form')
const nameInp = document.querySelector('.username')
const pwdInp = document.querySelector('.password')
const rpwdInp = document.querySelector('.rpassword')
const nickInp = document.querySelector('.nickname')
const errBox = document.querySelector('.error > span')
const checkbox = document.querySelector('.check')
console.log(checkbox);

// 表单提交事件
form.addEventListener('submit', e => {
  e.preventDefault()
  if( !checkbox.checked ) return alert('请勾选用户协议')

  // 采集用户信息
  const info = {
    username: nameInp.value,
    password: pwdInp.value,
    rpassword: rpwdInp.value,
    nickname: nickInp.value
  }
  

  // 非空验证
  if (!info.username || !info.password || !info.rpassword || !info.nickname) return alert('请完整填写表单')

  // 两次密码验证
  if (info.password !== info.rpassword) return alert('两次密码不一样')

  // 发送请求到服务器
  ajax({
    url: 'http://localhost:8888/users/register',
    method: 'POST',
    data: info,
    dataType: 'json',
    success (res) {
      // res 就是后端返回的结果
      if (res.code === 0 ) {
        errBox.style.visibility = 'visible'
      } else {
        alert('注册成功, 点击确定跳转到登录页')
        window.location.href = './login.html'
      }
    }
  })
})